---
title: Vertical Menu
description: Discover vertical menu UI components for applications, built with Tailwind CSS v4. Enhance your sidebar navigation and menu design using modern, customizable Tailwind v4 patterns.
category: application
emoji: 🍟
slug: vertical-menu
terms:
  - navigation
  - sidebar
components:
  - { title: 'Base', dark: true }
  - { title: 'Base with badge', dark: true }
  - { title: 'Base with icon', dark: true }
  - { title: 'Base with badge, icon', dark: true }
  - { title: 'Base with icon, color with left border', dark: true }
  - { title: 'Accordion menu', dark: true }
  - { title: 'Accordion menu with icon', dark: true }
  - { title: 'Base with divided sections', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Vertical Menu Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
